<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0">
    <title>首页</title>
    <link href="css/base.css" type="text/css" rel="stylesheet">
    <link href="css/index.css" type="text/css" rel="stylesheet">
    <script src="js/common.js" type="text/javascript"></script>
    <script src="js/index.js" type="text/javascript"></script>
</head>

<body>
    <div class="hm_layput">
        <header class="hm_header">
            <div class="hm_header_box">
                <a href="#" class="ico_logos">小浩 SneakeR工作室</a>
            </div>
        </header>
    </div>
    <div class="hm_banner">
        <ul class="clearfix">
            <li>
                <a href="#"><img src="images/l8.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="images/l1.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="images/l2.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="images/l3.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="images/l4.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="images/l5.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="images/l6.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="images/l7.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="images/l8.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="images/l1.jpg" alt=""></a>
            </li>
        </ul>
        <ul>
            <li class="now"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div class="hm_nav">
        <ul class="clearfix">
            <li>
                <a href="category.html">
                    <img src="images/nav0.png" alt="">
                    <!-- <p>分类</p> -->
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/nike.png" alt="">
                    <!-- <p>耐克</p> -->
                </a>
            </li>
            <li>
                <a href="cart.html">
                    <img src="images/ad.png" alt="">
                    <!-- <p>阿迪</p> -->
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/biao.jpg" alt="">
                    <!-- <p>彪马</p> -->
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/nav4.png" alt="">
                    <p>联系我们</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/shouji.jpg" alt="">
                    <p>18888888888</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/weixin.jpg" alt="">
                    <p>微信</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/qq.png" alt="">
                    <p>QQ</p>
                </a>
            </li>
        </ul>
    </div>
    <main class="hm_product">
        <section class="product_box">
            <div class="product_box_tit">
                <h3>爆款推荐</h3>
            </div>
            <div class="product_box_con clearfix">
                <a href="" class="f_left w_50 b_right">
                    <img src="images/cp1.jpg" alt="">
                </a>
                <a href="" class="f_left w_50 b_right">
                    <img src="images/cp2.jpg" alt="">
                </a>
                <a href="" class="f_left w_50 b_right">
                    <img src="images/cp3.jpg" alt="">
                </a>
            </div>
        </section>
        <section class="product_box">
            <div class="product_box_tit">
                <h3>男鞋</h3>
            </div>
            <div class="product_box_con clearfix">
                <a href="" class="f_left w_50 b_right">
                    <img src="images/cp4.jpg" alt="">
                </a>
                <a href="" class="f_left w_50 b_right">
                    <img src="images/cp5.jpg" alt="">
                </a>
                <a href="" class="f_left w_50 b_right">
                    <img src="images/cp6.jpg" alt="">
                </a>
            </div>
        </section>
        <section class="product_box">
            <div class="product_box_tit">
                <h3>女鞋</h3>
            </div>
            <div class="product_box_con clearfix">
                <a href="" class="f_left w_50 b_right">
                    <img src="images/cp1.jpg" alt="">
                </a>
                <a href="" class="f_left w_50 b_right">
                    <img src="images/cp2.jpg" alt="">
                </a>
                <a href="" class="f_left w_50 b_right">
                    <img src="images/cp3.jpg" alt="">
                </a>
            </div>
        </section>
    </main>
</body>

</html>